<!--
 * @Author: 胡海
 * @Date: 2020-11-19 22:12:59
 * @LastEditors: 胡海
 * @LastEditTime: 2020-11-20 00:13:15
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象的响应数据</title>
</head>
<body>
    <div id="app">
        <p>{{msg}}</p>
        <p>{{miaov.ketang}}</p>
    </div>
    <script>

        let vm = new Vue({
            el: '#app',
            data:{  
                msg: 'hello',
                miaov:{}
            }
        })
        // 这样做是不能够响应的
        //vm.miaov.ketang = '我是新加的'

        // 调用Vue的静态方法set
        // 语法：Vue.set(target,prop,value)

        /*setTimeout(function (){
            Vue.set(vm.miaov,'ketang','我是新加的')	
        },2000)*/

        //调用实例上的方法 $set
        vm.$set(vm.miaov,'ketang','我是新加的')



        // 静态方法
        function fn(){
                
        }
        // 称这个miaov这个方法为静态方法
        fn.miaov = function (){
                
        }

        console.log(Array.prototype);

        let arr = new Array;  
        arr.push()

        // 静态方法是挂载在函数上的方法，调用的时候通过函数调用
        

    </script>
</body>
</html>